<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=10;IE=11">
        <title>userinfo</title>
        <link rel="stylesheet" type="text/css" href="static/css/reset.css">
        <link rel="stylesheet" type="text/css" href="static/css/common.css">
        <link rel="stylesheet" type="text/css" href="static/css/style.css">
        <script type="text/javascript" src="static/common/checklogin.js"></script>
        <script>
            var _hmt = _hmt || [];
            (function() {
                var hm = document.createElement("script");
                hm.src = "//hm.baidu.com/hm.js?6ef4af606e451f9a69a2c0f15a6ccb23";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script>
    </head>
    <body id="moduleId" moduleId="userinfo" pagename='userinfo'>
        <!-- 头部开始 -->
        <div class="header">
            
        </div>
        <!-- 头部结束 -->
        <div class="container">
            <!-- 左侧部分开始 -->
            <div class="left">
                <!-- 用户基本信息开始 -->
                <div class="usersetting">
                    <h2 class="title">Basic information</h2>
                    <div class="userinfo">
                    <form action="" method="post" id="setform">
                        <fieldset>
                        <ul>
                            <!--
                            <li>
                                <label>Name<span class="blue">*</span></label>
                                <input type="text" name="name" class="required" id="name"/>
                            </li>
                            -->
                            <li>
                                <label for="firstName">First Name <span class="blue">*</span></label>
                                <input type="text" name="firstName" id="firstName"  minlength="2" class="required"  placeholder="Please enter your First Name" />
                            </li>
                            <li>
                                <label for="middleName">Middle Name <span class="blue"></span></label>
                                <input type="text" name="middleName" id="middleName"   placeholder="Please enter your Middle Name" />
                            </li>
                            <li>
                                <label for="lastName">Last Name <span class="blue">*</span></label>
                                <input type="text" name="lastName" id="lastName"  minlength="2" class="required" placeholder="Please enter your Last Name" />
                            </li>

                            <!--
                            <li>
                                <label>Gender<span class="blue">*</span></label>
                                <input type="text" name="gender" id="gender"/>
                            </li>

                            <li>
                                <label>Location<span class="blue"></span></label>
                                <input type="text" name="location" id="location" placeholder="Please enter your Location"/>
                            </li>
                            -->
                            <!--
                            <li>
                                <label>Phone<span class="blue">*</span></label>
                                <input type="text" name="phone" id="phone"/>
                            </li>
                            -->
                            <li>
                                <label>Email<span class="blue">*</span></label>
                                <input type="text" name="email" class="required email" id="email" placeholder="Please enter your Email"/>
                            </li>
                            <li>
                                <label>Website<span class="blue"></span></label>
                                <input type="text" name="website" id="website" placeholder="Please enter your Website"/>
                            </li>
                            <!--
                            <li>
                                <label>Organization<span class="blue">*</span></label>
                                <input type="text" name="organ" id="organ"/>
                            </li>
                            -->
                            <li>
                                <label>Institution<span class="blue"></span></label>
                                <input type="text" name="organ" id="institu" placeholder="Please enter your Institution"/>
                            </li>
                            <li>
                                <label>Department<span class="blue"></span></label>
                                <input type="text" name="organ" id="department" placeholder="Please enter your Department"/>
                            </li>
                            <li>
                                <label style="line-height: 25px;">Research<br>Interests<span class="blue">*</span></label>
                                <input type="text" name="interests"  class="required" id="interests" placeholder="If inputting multi-interest, use ‘Enter’ key please."/>
                                <span class="interest_tip">If inputting multi-interest, use ‘Enter’ key please.</span>

                            </li>
                        </ul>
                        <botton type="button" value="Sign up" class="save">Determine</botton>
                    </fieldset>
                    </form>
                    </div>

                </div>

                <!-- 用户基本信息结束 -->
            </div>
            <!-- 左侧部分结束 -->
            <!-- 右侧部分开始 -->
            <div class="right">

            </div>
            <!-- 左侧部分开始 -->
        </div>
		<script type="text/javascript" src="static/public/artSeaConfig.js"></script>
    </body>
</html>